<template>
  <!-- 标签分布 -->
  <div>
    <ciYunEcharts ref="ciYunEcharts" v-loading="loading" :charts-data="chartData" @changeLabel="changeLabel" />
    <div class="list-table">
      <div class="area-header">
        <indirectProjectSummary ref="indirectProjectSummary" />
      </div>
    </div>
  </div>
</template>

<script>
import indirectProjectSummary from '@/views/deal/bf/indirectProjectAnalysis/indirectProjectSummary.vue'
import ciYunEcharts from '@/views/deal/bf/indirectProjectAnalysis/echarts/ciYunEcharts.vue'

export default {
  components: {
    indirectProjectSummary,
    ciYunEcharts
  },
  data() {
    return {
      loading: false,
      chartData: {},
      // 当前选中的图表块
      currentChart: undefined,
      bfGroupListedSituation: []
    }
  },
  created() {
  },
  mounted() {
    this.loading = true
    this.getDicts('bf_group_listed_situation').then(response => {
      this.bfGroupListedSituation = response.data
    })
    this.changeLabel('notNull')
  },
  methods: {
    changeLabel(val) {
      this.$nextTick(() => {
        if (val.includes('无标签')) {
          val = 'noLabel'
        }
        this.$refs.indirectProjectSummary.parentQueryParams.tagsContext = val
        this.$refs.indirectProjectSummary.getList()
      })
    }
  }
}
</script>

<style scoped>

</style>
